<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
	<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
	  template="/templates/reportsLayout.xhtml" >
	

<ui:define name="content" >
			
			
<h:outputScript>
        function containsFilter(subString, value){
            if(subString.length>=1) {
                if(value.toUpperCase().indexOf(subString.toUpperCase())!=-1) 
                    return true;
            }else return false;
        };
 </h:outputScript>




<h:outputStylesheet> 
 .autoCompleteWidth50 {
    width:300px !important;
}


.rf-au-lst-scrl {
    width:300px !important;
    height:300px;
    max-height: 500px;
	min-height: 300px;
}

 .autoCompletePopupHieght {
    width:300px !important;
    height:300px !important;
}
</h:outputStylesheet>



 
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 			
<h:panelGroup layout="block" style="width: 50%; margin: 0 auto;">
          <fieldset class="demo_fieldset" dir="rtl"> 
         <legend class="demo_legend"><B style="COLOR: #3479b1; font-size:20px;">تقرير المخزن قيمة السيريال</B></legend> 
      


	<h:panelGrid columns="2"  >


    <a4j:queue/>
	
	 <h:form id="main2">   
		        <h:panelGrid columns="1">
								
						
							<h:panelGrid columns="3">						
							
							
			<h:outputText value="الصنف" />	
						
			<rich:autocomplete 
			  					value="#{reportsBean.item_code}" 
			  					clientFilterFunction="containsFilter" 
			  				    autocompleteMethod="#{reportsBean.filterItems}"
			                    showButton="true"
			                    mode="ajax" 
			                    minChars="1" 
			                    autofill="true"
			                    selectFirst="true"
			                    id="autocompleteId"
			                    layout="list"
			                    var="item"
			                    fetchValue="#{item}" 
			                    inputClass="autoCompleteWidth50"
			                    popupClass="autoCompletePopupHieght"
			                    >
					 <h:outputText value="#{item}" />         
                   <a4j:ajax event="change" execute="@this"  />
			</rich:autocomplete>
			
				<a4j:status>
		            <f:facet name="start">
		                <h:graphicImage value="/resources/images/ai.gif" alt="ai" height="17" width="17"/>
		            </f:facet>
		        </a4j:status>	
		        												
	
								
									<h:outputText value="الفرع" />
									<h:selectOneMenu value="#{reportsBean.branch_code}">
									    <f:selectItem itemLabel="---- كل الفروع ---- " itemValue=""/>
									    <f:selectItem itemLabel="المخزن" itemValue="-1"/> 
									    <f:selectItem itemLabel="لوران" itemValue="002"/> 
									    <f:selectItem itemLabel="سيتى سنتر" itemValue="003"/> 
									    <f:selectItem itemLabel="سان ستيفانو" itemValue="005"/> 
									    <f:selectItem itemLabel="سيرفيس سنتر" itemValue="006"/>
									    <f:selectItem itemLabel="توب سلكت" itemValue="008"/>
									    <f:selectItem itemLabel="سلكت آبل" itemValue="009"/>  
									</h:selectOneMenu>
							</h:panelGrid> 
						
							
							
							<h:commandButton value="عرض التقرير"  action="#{reportsBean.doSomething2}" style="width : 100px; height : 35px;font-weight:bold;font-size:20px;"/>
							
			    </h:panelGrid>  
		   </h:form> 


	</h:panelGrid>
	
	
	
		  
		   </fieldset>
		 </h:panelGroup> 
	
	
			</ui:define>
	</ui:composition>
	
	
	


